<!DOCTYPE html>
<html>

<head>
	<title>星辰教务系统</title>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js"></script>
	<!-- Custom Theme files -->
	<link href="css/hover.css" rel="stylesheet" media="all">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<!-- Custom Theme files -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Sally Blocks Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<script
		type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!--webfont-->

	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 900);
			});
		});
	</script>
	<!---- start-smoth-scrolling---->

</head>

<body>
	<!---->
	<div id="home" class="banner">
		<div class="container">
			<div class="col-md-6 banner-info">
				<div class="logo">
					<a href="#home"><img src="images/lo.png" alt="" style="width:95px;height:95px;" /></a>
				</div>
				<!-- start slider -->
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="tittle">
								<h1>星辰教务系统</h1>
								<p>星辰教务系统使用现代化技术，解决学员与员工正在增加，管理流程越来越复杂，学校或机构规模变大，沟通成本日益增高。</p>
								<a class="hvr-shutter-in-horizontal" href="#">查看详情</a>
							</div>
						</li>
						<li>
							<div class="tittle">
								<h1>星辰教务系统</h1>
								<p>提供排课智能冲突提醒。</p>
								<a class="hvr-shutter-in-horizontal" href="#">查看详情</a>
							</div>
						</li>
						<li>
							<div class="tittle">
								<h1>星辰教务系统</h1>
								<p>实现员工效率和学员服务质量提升。</p>
								<a class="hvr-shutter-in-horizontal" href="#">查看详情</a>
							</div>
						</li>
					</ul>
				</div>
				<!-- end slider -->
			</div>
			<div class="col-md-6 banner-pic">
				<img src="images/phone.png" alt="" />
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!---->
	<div class="navigation">
		<div class="container">
			<div class="fixed-header">
				<div class="nav-logo">
					<a class="scroll" href="#home"><img src="images/nav-logo.png" alt=""
							style="width:36px;height:36px;" /></a>
				</div>
				<div class="top-menu">
					<span class="menu"> </span>
					<nav class="cl-effect-21">
						<ul class="top-menu2">
							<li><a class="scroll" href="#home">课表管理</a></li>
							<li><a class="scroll" href="#services">学生信息管理</a></li>
							<li><a class="scroll" href="#about">成绩管理</a></li>
							<li><a class="scroll" href="#team">消息通知</a></li>
							<li><a class="scroll" href="#work">教师评价</a></li>
							<li><a class="scroll" href="#features">线上信息审批</a></li>
							<li><a class="scroll" href="#contact">学院专业管理</a></li>
							<li><a class="scroll" href="#short">多端同步操作</a></li>
						</ul>
					</nav>
				</div>
				<script>
					$("span.menu").click(function () {
						$(".top-menu ul").slideToggle(500, function () {
						});
					});
				</script>

				<!-- script for menu -->
				<script type="text/javascript">
					jQuery(document).ready(function ($) {
						$(".scroll").click(function (event) {
							event.preventDefault();
							$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
						});
					});
				</script>

				<!-- script for menu -->
				<script>
					$(document).ready(function () {
						var navoffeset = $(".navigation").offset().top;
						$(window).scroll(function () {
							var scrollpos = $(window).scrollTop();
							if (scrollpos >= navoffeset) {
								$(".navigation").addClass("fixed");
							} else {
								$(".navigation").removeClass("fixed");
							}
						});

					});
				</script>

				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
	<!-- FlexSlider -->
	<script defer src="js/jquery.flexslider.js"></script>
	<script type="text/javascript">
		$(function () {
			SyntaxHighlighter.all();
		});
		$(window).load(function () {
			$('.flexslider ').flexslider({
				animation: "slide",
				start: function (slider) {
					$('body').removeClass('loading');
				}
			});
		});
	</script>
	<!---->
	<div id="services" class="services">
		<div class="container">
			<div class="col-md-4 sercive-grid">
				<img src="images/ser1.png" alt="" />
				<h3>课表管理</h3>
				<p>为老师和同学提供实时课表管理服务</p>
			</div>
			<div class="col-md-4 sercive-grid">
				<img src="images/ser2.png" alt="" />
				<h3>学生信息管理</h3>
				<p>学生信息进行线上管理</p>
			</div>
			<div class="col-md-4 sercive-grid">
				<img src="images/ser3.png" alt="" />
				<h3>成绩管理</h3>
				<p>方便学生与老师进行成绩查询</p>
			</div>
		</div>
	</div>
	<!---->
	<div class="fully">
		<div class="container">
			<img src="images/icons.png" alt="" />
			<h3>多端适配</h3>
		</div>
	</div>
	<!---->
	<div id="about" class="about">
		<div class="container">
			<img src="images/mac.jpg" alt="" />
			<h3>我们真的知道你需要什么。</h3>
			<p>无论你是学生还是老师，都可以在本平台实现实时数据查询有修改，并与安卓平台实时同步</p>
			<a class="hvr-bounce-to-top" href="#">现在试一试</a>
		</div>
	</div>
	<!---->
	<div id="team" class="team">
		<div class="container">
			<div class="team-info">
				<h3>我们强大的团队</h3>
				<p>我们相信多元化的人才可以带来创造性的技能，思想和想法。冷静点，我们都很棒。 </p>
			</div>
			<div class="team-grids">
				<div class="col-md-4 team-grid">
					<a href="#"><img src="images/man1.jpg" alt="" /></a>
					<h3>谢瑜珂</h3>
					<h5>项目经理</h5>
					<div class="caption">
						<p>作为小组的项目经理，是整个进度的核心部分，是团队的主心骨。把控着项目的进度与任务的合理分配。
							其中主要负责本项目前端的开发与数据库的设计与搭建
							掌握着扎实的Vue基础与脚手架开发的技能</p>
						<div class="social-icons">
							<a href="#"><i class="twtr"></i></a>
							<a href="#"><i class="fb"></i></a>
							<a href="#"><i class="inst"></i></a>
						</div>
					</div>
				</div>
				<div class="col-md-4 team-grid">
					<a href="#"><img src="images/man2.jpg" alt="" /></a>
					<h3>曹朝禹</h3>
					<h5>后台工程师</h5>
					<div class="caption">
						<p>为整个星辰教务系统提供后台服务与架构以及项目服务器的部署，在整个团队中有着不可或缺的位置
							其中主要参与数据库的设计与修改
							为本项目编写后台
							添加课程、调课判断功能的编写</p>
						<div class="social-icons">
							<a href="#"><i class="twtr"></i></a>
							<a href="#"><i class="fb"></i></a>
							<a href="#"><i class="inst"></i></a>
						</div>
					</div>
				</div>
				<div class="col-md-4 team-grid">
					<a href="#"><img src="images/man3.jpg" alt="" /></a>
					<h3>李贤俊</h3>
					<h5>安卓工程师</h5>
					<div class="caption">
						<p>作为本项目的安卓开发工程师，以个人之力完成整个安卓端的编写。
							主要参与本项目数据库的设计与搭建
							以及本项目安卓端的开发</p>
						<div class="social-icons">
							<a href="#"><i class="twtr"></i></a>
							<a href="#"><i class="fb"></i></a>
							<a href="#"><i class="inst"></i></a>
						</div>
					</div>
				</div>
				<div class="col-md-4 team-grid">
					<a href="#"><img src="images/man3.jpg" alt="" /></a>
					<h3>尹琪</h3>
					<h5>全栈工程师</h5>
					<div class="caption">
						<p>作为本项目的全栈开发工程师，作为天马行空组之资产管理系统主负责人，合理安排小组人员配合。
							拥有出色的编码能力和组织能力，
							主要参与资产管理系统项目数据库的设计与搭建
							以及本项目Web端的开发</p>
						<div class="social-icons">
							<a href="#"><i class="twtr"></i></a>
							<a href="#"><i class="fb"></i></a>
							<a href="#"><i class="inst"></i></a>
						</div>
					</div>
				</div>
				<div class="col-md-4 team-grid">
					<a href="#"><img src="images/man3.jpg" alt="" /></a>
					<h3>邓革锋</h3>
					<h5>全栈工程师</h5>
					<div class="caption">
						<p>作为天马行空组之资产管理系统全栈工程师，出色的团队配合能力。
							主要参与资产管理系统项目数据库的设计与搭建
							以及本项目Web端的开发</p>
						<div class="social-icons">
							<a href="#"><i class="twtr"></i></a>
							<a href="#"><i class="fb"></i></a>
							<a href="#"><i class="inst"></i></a>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
	<div id="work" class="work">
		<div class="container">
			<div class="work-info">
				<h3>看看这个宣传吧!</h3>
				<p>无论您需要简单的页面、引人注目的图库、专业的博客还是在线商店，都包含在Squarespace网站中。最重要的是，从Squarespace网站开始，一切都可以在手机上进行</p>
				<img src="images/phone2.png" alt="" />
				<div class="work-pic-info">
					<h4>
						定制</h4>
					<p>凭借我们强大的可靠和可扩展的云基础设施，没有停机时间</p>
				</div>
			</div>
		</div>
	</div>
	<!---->
	<!-- <div class="subscribe">
	 <div class="container">
		 <img src="images/sub.png" alt=""/>
		 <form>
			 <input type="text" class="text" value="在这里输入您的电子邮件订阅" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your Email here to subscribe';}">
			  <input type="submit" value="订阅我"/>
		 </form>
	 </div>
</div> -->
	<!---->
	<!-- <div class="clients">
	 <div class="container">
		 <h3>我们的服务支持</h3>
		 <div class="clients-grids">
				<a href="#"><span class="client1"></span></a>
				<a href="#"><span class="client2"></span></a>
				<a href="#"><span class="client3"></span></a>
				<a href="#"><span class="client4"></span></a>
		 </div>
	 </div>
</div> -->
	<!---->
	<script src="js/jquery.min.js"></script>
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function () {
			$("#slider").responsiveSlides({
				auto: true,
				speed: 500,
				namespace: "callbacks",
				pager: true,
			});
		});
	</script>
	<div id="features" class="features">
		<div class="container">
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides" id="slider">
						<li>
							<div class="features-info">
								<img src="images/bird.png" alt="" />
								<p>欢迎访问星辰教务系统 <span>-http://staeseas.subaiqiao.asia/</span></p>
								<h5><a href="mailto:info@example.com">@staeseas.subaiqiao.com</a> 6 days ago</h5>
							</div>
						</li>
						<li>
							<div class="features-info">
								<img src="images/fb.png" alt="" />
								<p>欢迎访问星辰教务系统 <span>-http://staeseas.subaiqiao.asia/</span></p>
								<h5><a href="mailto:info@example.com">@info(at)example.com</a> 8 days ago</h5>
							</div>
						</li>
						<li>
							<div class="features-info">
								<img src="images/g-plus.png" alt="" />
								<p>欢迎访问星辰教务系统 <span>-http://staeseas.subaiqiao.asia/</span></p>
								<h5><a href="mailto:info@example.com">@info(at)example.com</a> 1 week ago</h5>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!---->
	<!-- <div class="numbers">
	 <div class="container">
		 <div class="number-grids">
			 <div class="col-md-3 numic-grid">
				 <div class="icon1"></div>
				 <h3>23325</h3>
				 <label></label>
				 <p>great guy use our apps</p>
			 </div>
			 <div class="col-md-3 numic-grid">
				 <div class="icon2"></div>
				 <h3>246</h3>
				 <label></label>
				 <p>hearts we broke now</p>
			 </div>
			 <div class="col-md-3 numic-grid">
				 <div class="icon3"></div>
				 <h3>6345</h3>
				 <label></label>
				 <p>great guy use our apps</p>
			 </div>
			 <div class="col-md-3 numic-grid">
				 <div class="icon4"></div>
				 <h3>23325</h3>
				 <label></label>
				 <p>great guy use our apps</p>
			 </div>
			 <div class="clearfix"></div>
		 </div>
	 </div>
</div> -->
	<!---->
	<!-- <div id="contact" class="contact">
	 <div class="container">
		 <div class="contact-info">
			 <h3>Still have questions, get back to us!</h3>
			 <p>Please use the form below to contact us. We look forward to working with you and will get back to you as soon as possible. All fields are required.</p>
		 </div>
		 <div class="contact-grids">
			 <div class="col-md-6 contact-details">
				 <form>
				 <li>
					 <input type="text" class="text" value="NAME" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'NAME';}">
					 <a class="icon11" href="#"></a>
				 </li>
				 <div class="clearfix"></div>
				 <li>
					 <input type="text" class="text" value="EMAIL" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'EMAIL';}">
					 <a class="icon22" href="#"></a>
				 </li>
				 <div class="clearfix"></div>
				 <li>
					 <input type="text" class="text" value="PHONE" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'PHONE';}">
					 <a class="icon33 " href="#"></a>
				 </li>
				 <div class="clearfix"></div>
				 </form>
			 </div>			 
			  <div class="col-md-6 contact-details-right">
				 <form>
				 <textarea onfocus="if(this.value == 'MESSAGE') this.value='';" onblur="if(this.value == '') this.value='MESSAGE';">MESSAGE</textarea>
				 <input type="submit" value="SEND MESSAGE">
				 </form>
			 </div>
			 <div class="clearfix"></div>
		 </div>
			 
		 <div class="social-media">
			 <a href="#"><i class="instagram"></i></a>
			 <a href="#"><i class="facebook"></i></a>
			 <a href="#"><i class="pinterest"></i></a>
			 <a href="#"><i class="twitter"></i></a>
			 <a href="#"><i class="google"></i></a>
		 </div>
	 </div>
</div> -->
	<!---->
	<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
	<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<!-- //pop-up-box -->
	<!-- <div id="small-dialog1" class="mfp-hide">
						<div class="image-top">
							<img src="images/pic1.jpg" alt="" />
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to book.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. </p>
						</div>
					</div>
					<div id="small-dialog2" class="mfp-hide">
						<div class="image-top">
							<img src="images/pic2.jpg" alt="" />
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to book.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. </p>
						</div>
					</div>
					<div id="small-dialog3" class="mfp-hide">
						<div class="image-top">
							<img src="images/pic3.jpg" alt="" />
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to book.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. </p>
						</div>
					</div>
					<div id="small-dialog4" class="mfp-hide">
						<div class="image-top">
							<img src="images/pic4.jpg" alt="" />
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to book.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. </p>
						</div>
					</div>
					<div id="small-dialog5" class="mfp-hide">
						<div class="image-top">
							<img src="images/pic5.jpg" alt="" />
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to book.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. </p>
						</div>
					</div>
					<div id="small-dialog6" class="mfp-hide">
						<div class="image-top">
							<img src="images/pic6.jpg" alt="" />
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to book.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. </p>
						</div>
					</div>					 -->
	</div>
	<!-- <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>	 -->

	<div id="portfoliolist" style="    display: flex;flex-wrap: wrap;">
		<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="https://www.17sucai.com/preview/3/2022-03-26/app_zhanshi/APP%E2%95%92%E2%95%A3%E2%95%A9%E2%95%9B%E2%95%9C%CE%98%E2%95%94%E2%96%84%E2%95%A7%E2%88%9E%E2%95%99%C2%AA%E2%95%A9%E2%95%9C%E2%94%80%C3%BA%E2%96%91%CF%83/index.html#small-dialog1"
					class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/pic1.jpg" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog2" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/pic2.jpg" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog3" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/pic3.jpg" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio fun mix_all" data-cat="fun" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog4" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/pic6.jpg" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog5" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/pic5.jpg" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio fun mix_all" data-cat="fun" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog6" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/pic4.jpg" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>

		<div class="clearfix"></div>
	</div>
	</div>
	<!---->
	<div id="home" class="banner">
		<div class="container">
			<div class="col-md-6 banner-info">
				<div class="logo">
					<a href="#home"><img src="images/zclogo.png" alt="" style="width:95px;height:95px;" /></a>
				</div>
				<!-- start slider -->
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="tittle">
								<h1>天马行空组之资产管理系统</h1>
								<p>智慧资管帮您打理好每平米资产。</p>
								<a class="hvr-shutter-in-horizontal" href="#">查看详情</a>
							</div>
						</li>
						<li>
							<div class="tittle">
								<h1>天马行空组之资产管理系统</h1>
								<p>让资产盘清、盘活、增值。</p>
								<a class="hvr-shutter-in-horizontal" href="#">查看详情</a>
							</div>
						</li>
						<li>
							<div class="tittle">
								<h1>天马行空组之资产管理系统</h1>
								<p>为您量身打造存量资产管理解决方案。</p>
								<a class="hvr-shutter-in-horizontal" href="#">查看详情</a>
							</div>
						</li>
					</ul>
				</div>
				<!-- end slider -->
			</div>
			<!-- <div class="col-md-6 banner-pic">
			<img src="images/phone.png" alt=""/>
		</div> -->
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="features-section">
		<div class="container">
			<div class="feature-section-grids">
				<div class="col-md-3 feature-sec">
					<span class="ftr1"></span>
					<h3>资产分组、分类管理 </h4>
						<p>本系统组织架构和资产管理结合起来，让资产分部、分组、分类管理，无论是总部还是数量庞大的分子公司，每样资产都有清晰分类，方便管理，易区分。
						</p>
				</div>
				<div class="col-md-3 feature-sec">
					<span class="ftr2"></span>
					<h3>资产统一编码</h4>
						<p>本系统为客户制定企业上下统一适用的编码规则，如：FW1001、FW1002。将无序的资产对应到有序的数字编号，管理方便还能实现快速查找。</p>
				</div>
				<div class="col-md-3 feature-sec">
					<span class="ftr3"></span>
					<h3>财务管理</h4>
						<p>系统自动进行成本利润核算，生成报表；
							账目流水一键查询，笔笔清晰可溯，解放财务人力。</p>
				</div>
				<div class="col-md-3 feature-sec">
					<span class="ftr4"></span>
					<h3>库存管理</h4>
						<p>关联采购订单信息，掌握采购进程；
							异地多级仓库管理，货品验货、盘点、调拨一步到位。</p>
				</div>
				<div class="clearfix"></div>

				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div id="portfoliolist" style="    display: flex;flex-wrap: wrap;">
		<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="https://www.17sucai.com/preview/3/2022-03-26/app_zhanshi/APP%E2%95%92%E2%95%A3%E2%95%A9%E2%95%9B%E2%95%9C%CE%98%E2%95%94%E2%96%84%E2%95%A7%E2%88%9E%E2%95%99%C2%AA%E2%95%A9%E2%95%9C%E2%94%80%C3%BA%E2%96%91%CF%83/index.html#small-dialog1"
					class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/zc1.png" class="img-responsive" alt="" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog2" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/zc2.png" class="img-responsive" alt="" style="    height: 262px;" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog3" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/zc3.png" class="img-responsive" alt="" style="    height: 262px;" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio fun mix_all" data-cat="fun" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog4" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/zc4.png" class="img-responsive" alt="" style="    height: 262px;" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog5" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/zc5.png" class="img-responsive" alt="" style="    height: 262px;" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>
		<div class="portfolio fun mix_all" data-cat="fun" style="display: inline-block; opacity: 1;">
			<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
				<a href="#small-dialog6" class="b-link-stripe b-animate-go  thickbox play-icon popup-with-zoom-anim">
					<img src="images/zc6.jpg" class="img-responsive" alt="" style="    height: 262px;" />
					<div class="tour-caption">
						<h4>Creative Dush Pro</h4>
						<p>New greate way to create open space in your city house.</p>
						<span> </span>
					</div>
				</a>
			</div>
		</div>

		<div class="clearfix"></div>
	</div>
	
	<!---->
	<div class="sally">
		<div class="container">
			<h3>Sally theme is amazing stuff. Don’t forget it.</h3>
		</div>
	</div>
	<!---->
	<!-- <div class="say-hello">
		<div class="container">
			<div class="col-md-6 hello-grid-address">
				<h3>That’s where we are</h3>
				<div class="address-grids">
					<div class="address-grid">
						<img src="images/cc1.png" alt="" />
						<h4>LOCATION</h4>
						<p>2500 Castle Dr, Suite F-2 Manhattan, NY 10282</p>
					</div>
					<div class="address-grid">
						<img src="images/cc2.png" alt="" />
						<h4>EMAIL</h4>
						<p>office <a href="mailto:info@example.com"> @info(at)example.com</a></p>
					</div>
					<div class="clearfix"></div>
					<div class="address-grid">
						<img src="images/cc3.png" alt="" />
						<h4>PHONE NUMBER</h4>
						<p>0753 016 572</p>
					</div>
					<div class="address-grid">
						<img src="images/cc4.png" alt="" />
						<h4>SOCIAL MEDIA</h4>
						<p><a href="mailto:info@example.com"> @(at)example Theme</a></p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="col-md-6 hello-grid-form">
				<h3>Say hello!</h3>
				<form>
					<li class="text"><input type="text" placeholder="Name" required />
						<div class="p1"></div>
					</li>
					<li class="active"><input type="text" placeholder="TYPING" required />
						<div class="p2"></div>
					</li>
					<li class="text"><textarea placeholder="YOUR MESSAGE"></textarea></li>
					<input type="submit" value="SEND MESSAGE" />
				</form>
			</div>
			<div class="clearfix"></div>
		</div>
	</div> -->
	<div class="copy-right">
		<p>Copyrights &copy; 2019 Sally-Blocks All rights reserved </p>
	</div>
	<!---->
	<div id="short" class="fotter">
		<div class="container">
			<div class="col-md-6 short-codes-left">
				<div class="ftr-pic">
					<img src="images/nav-logo.png" alt="" style="width: 52px ;height:52px;" />
				</div>
				<div class="ftr-info">
					<p>一定要多了解了解我们

					</p>
					<p><a href="#">我们有着很棒的内容</a></p>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="col-md-6 short-codes-right">
				<a href="#"><span class="sc1"></span> 网页端</a>
				<a href="https://developer.lanzoug.com/file/?AWdRbwg5U2JRWAA4V2JTPwc4BT0AuAC8UNkH5AfJU95StALNDMJX5VaAB8wFuVL8Wr4E5FSrA4MCK1A3XXFVPwEnUWAIPFNrUWIACVdqUzYHYAU1AGsAN1BhBzEHaFNjUmECcww3V3BWPQdlBWhSa1owBDBUPgMzAiNQJl1xVWkBM1E2CGdTNlEoAGdXM1N9B2wFNwBwADdQMQc0B2xTM1JrAjMMN1dmVjcHZwU0UmVaMwQwVD0DNQI0UGVdNVVhAWJRYghsUzNRYgBmV2VTNAdpBWUAZgAsUDYHcQcwU3RSJwImDDRXcVZpBzUFbFJhWjAEOVQzAzUCPVBkXSdVIAFoUWsIMFNhUToAZ1c1U2YHZAU2AGoAMFBkBzAHYlN8UnwCcww3V29WdwdsBWFSdVp1BHFUfAM8AjRQYF0yVWABNVEwCGBTNFE1AGRXJVMnBzQFcABiADBQZQcyB3VTY1JmAmIMf1czVi4HZwVn"><span class="sc2"></span> 安卓端</a>
				<a href="#"><span class="sc3"></span> 资产管理系统</a>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>